<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script src="jquery.js" type="text/javascript" 
        language="javascript"></script>
        <script>
        $('#document').ready(function(){
            
            $('#pedir').click(function(){
                sabor1 = $('#sabor1').val();
                sabor2 = $('#sabor2').val();
                $.post("ajax3.php", {metade1:sabor1, metade2:sabor2},
		function(data){
                    alert(data);
                }
		 , "html");
                
            });
        });
        
        </script>
    </head>
    <body>
        <h1>PEDIDO DE PIZZA - TRIGOPAN</h1>
        Tamanho:<input type="radio" name="tamanho" id="M" value="M"/>Média
        <input type="radio" name="tamanho" id="G" value="G"/>Grande<br/>
        Sabor 1:<select id="sabor1">
            <option value="">Selecione</option>
            <option value="mussarela">Mussarela</option>
            <option value="queijos">4 Queijos</option>
            <option value="file">Filé</option>
        </select><br/>
        Sabor 2:<select id="sabor2">
            <option value="">Selecione</option>
            <option value="mussarela">Mussarela</option>
            <option value="queijos">4 Queijos</option>
            <option value="file">Filé</option>
        </select>
        <input type="button" value="PEDIR" id="pedir"/><br/>
        <div id="pedido"></div>
        
        
    </body>
</html>
